<template>
  <div class="tab-dome">
    <Tab :tabtitles="tabs">
      <div class="tab-container">111</div>
      <div class="tab-container">222</div>
    </Tab>
    <section>
      <p class="text">1.tabtitles接收一个数组，表示一共有多少个tab和tab的标题</p>
      <p class="text">2.Tab标签里面有class为tab-container的div标签，数量与tabtitles的长度相同，并依次对应</p>
      <p class="text">3.还有一个className的prop，可以接受一个自定义的class名，用于样式自定义</p>
    </section>
  </div>
</template>

<script>
import Tab from './components/VueTab'
export default {
  components: {
    Tab
  },
  data() {
    return {
      tabs: ['111', '222']
    }
  }
}
</script>

<style>
</style>
